<oc-dialog oc-dialog-icon="log" oc-dialog-title="测试日志" oc-dialog-switch="MS"
    style="width:35rem;height:32rem;">
	<div class="grid testlog" ng-controller="TestLog">
		<label style="top:.3rem;left:0.3rem;" for="result-url">测试起始页面:</label>
		<input readonly style="top:1.3rem;left:0.3rem;width:14rem;" type="text"
			value="{{result.url}}" id="result-url"
			ng-disabled="!result.url"/>
		<a ng-href="{{result.url}}" class="button next" ng-disabled="result.isRelative"
			style="top:1.3rem;left:13.2rem;width:1.1rem;" target="_blank"></a>
		<label style="top:.3rem;left:14.6rem;" for="result-loop">循环数:</label>
		<input readonly style="top:1.3rem;left:14.6rem;width:4rem;" type="text"
			value="{{result.loop}}" id="result-loop"/>
		<label style="top:.3rem;left:18.9rem;" for="result-time">测试开始时间:</label>
		<input readonly style="top:1.3rem;left:18.9rem;" type="text"
			value="{{result.updatetime | date:yyyy.M.d}}" id="result-time"/>
	  	<button oc-alert-open style="right:0.3rem;top:1.3rem;width: 4.3rem;height: 1.1rem;">删除日志</button>
		<oc-tab-set style="top:2.5rem" oc-tab-control="tabs">
			<oc-tab oc-tab-title="概览">
				<fieldset class="oc-legend" style="left:0;right:0;
					top:0;bottom:4.5rem;">
					<legend>源码</legend>
					<pre class="code" ng-cloak>{{result.sourceCode}}</pre>
				</fieldset>
				<fieldset class="oc-legend" style="left:0;right:0;bottom:0;height:4rem;">
					<legend>信息</legend>
					<p style="top:0.5rem;left:0.3rem;" ng-cloak>浏览器信息 :
						{{result.ua}}
					</p>
					<p style="top:2.5rem;left:0.3rem;" ng-cloak>测试环境信息 :
						{{result.platform}}
					</p>
				</fieldset>
			</oc-tab>
			<oc-tab oc-tab-title="日志">
				<button class="ico filter"></button>
				<label style="left:1.7rem;" ng-click="all()">全部</label>
				<label style="left:3.2rem;" ng-click="clear()">清除</label>
				<input style="left:5rem;width:5rem;" type="text" class="search"
				 ng-model="transformer.searchText"/>
				<label style="right:2.8rem;">错误</label>
				<label style="right:0.3rem;">信息</label>
				<input style="right:1.7rem;" type="checkbox" disabled/>
				<input style="right:4.2rem;" type="checkbox" disabled/>
				<label style="right:5.4rem" for="reverse">时间</label>
				<input style="right:6.8rem;" type="checkbox" type="checkbox"
				       ng-model="transformer.sortReverse" id="reverse"/>
				<oc-list oc-list-data="timeline" oc-list-control="stepsList"
					style="top:1.4rem;bottom:0;left:0;right:0;
					border:1px solid rgb(212, 212, 212); "></oc-list>
			</oc-tab>
			<oc-tab oc-tab-title="断言">
				<div class="grid" style="top:0;left:0rem;height:auto;
					right:0rem;bottom:7.5rem;border-bottom:1px solid #ccc;">
					<line-chart data="chartData" option="chartOption"
					style="width:34rem;height:15.5rem;bottom:1rem;"></line-chart>
					<label style="left:0.3rem;top:0;">延迟</label>
					<label style="right:0.3rem;bottom:0;">数据</label>
				</div>
				<div class="grid" style="bottom:0;left:0;right:10.3rem;height:7.5rem;">
					<ul class="eventList" style="top:0.3rem;left:0.3rem;right:0.3rem;bottom:1.5rem;">
						<li ng-repeat="(key,value) in chartData" ng-click="toggleDisplay(key)">{{key}}</li>
					</ul>
					<button style="left:0;bottom:0;width:3.5rem;height:1.2rem;"
						ng-click="chartOption.hide.length = 0">全部</button>
				</div>
				<div class="grid" style="right:0;bottom:0;width:10rem;height:7.5rem;
					border-left:1px solid #ccc;">
					<P style="top:1rem;left:0.3rem;">最大:</P>
					<P style="top:3rem;left:0.3rem;">最小:</P>
					<P style="top:5rem;left:0.3rem;">平均:</P>
				</div>
			
			</oc-tab>
		</oc-tab-set>
	</div>
</oc-dialog>
